<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/publicpack.css">
		<meta name="viewport"
		      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">		
	</head>
	<body>
		<nav class="navbar navbar-expand-lg navbar-light bg-light">
			<!-- 导航容器一般使用nav标签来定义:小屏幕垂直堆叠 -->
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
			         aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
			     <span class="navbar-toggler-icon"></span>
			 </button><!-- 缩小浏览器屏幕的时候，导航条会隐藏，右边会出来三条横杠，你点击这个导航条就会向下显示出来，默认为白色横杠 -->
			<div id="m_toparea">
		    <div class="m_topwrap clearfix">
				<div class="m_topleft fl">
					<img src="img/logo.jpg" />
				</div>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
				         aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
				     <span class="navbar-toggler-icon"></span>
				 </button><!-- 缩小浏览器屏幕的时候，导航条会隐藏，右边会出来三条横杠，你点击这个导航条就会向下显示出来，默认为白色横杠 -->
		        <div class="collapse navbar-collapse" id="navbarSupportedContent">
		            <ul class="navbar-nav mr-auto">
		                <li class="nav-item">
		                    <a href="index.html" class="cur" >首页</a>
		                </li>
		                <li class="nav-item">
		                    <a class="goTarget" href="#m_news" data-target="m_news">
		                        最新动态
		                    </a>
		                </li>
		               <li class="nav-item dropdown">
		                   <a class="mwword" href="#" id="navbarDropdown" role="button"
		                      data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
		                       漫威宇宙
		                   </a>
		                   <div class="dropdown-menu" aria-labelledby="navbarDropdown">
		                       <a class="dropdown-item" href="#m_movie">电影</a>
		                       <div class="dropdown-divider"></div>
		                       <a class="dropdown-item" href="#m_animation">动漫</a>
		                   </div>
		               </li>
		            </ul>
		        </div>
		    </div>
			</div>
		</nav>
		<div id="m_bodybj" style="display:block;">
			<div class="m_cbj01" style="height:500px;background:url(img/b4.jpg) 0 0 no-repeat;">
			</div>
		</div>
		<div id="m_rw" style="background:#0000;">
			<div class="m_rwwrap">
				<div class="m_rwbj">
					<img src="img/p4.jpg" width="1000" height="500" alt="人物"  title="人物"/>
				</div>
				<div class="m_lrw">
					<span class="m_ltu">
						<img src="img/lp4.png" />
					</span>
				</div>
			</div>
		</div>
		<div id="m_rwwz">
			<div class="m_wzlist">
				<h2>雷神</h2>
				<h4>THOR</h4>
				<p class="m_jsjs">
            	
            	索尔是挪威神话中的雷电之神，手持世界上最强大的武器之一：雷神之锤妙尔尼尔(Mjolnir)。虽然常被别人形容为肌肉发达，头脑简单，但索尔其实是个聪明而富有同情心的人。他充满自信，在正义事业的道路上从不轻言放弃。
				
				</p>
				<ul>
					<li>
						<i>真实姓名：</i>
						<p>索尔•奥丁森（Thor Odinson）</p>
					</li>
					<li><i>身　　高：</i>
						<p>6英尺6英寸；（布雷克形态）5英尺9英寸</p>
					</li>
					<li><i>重　　量：</i>
						<p>640英镑；（布雷克形态）150英镑</p>
					</li>
					<li><i>技　　能：</i>
						<p>作为奥丁和盖亚之子，索尔的力量、耐力、以及抗伤害能力都远超他的族人。索尔的寿命极长（但并非永生不老），对普通疾病免疫，几乎刀枪不入，他的肌肉和骨骼密度都比正常人大好几倍。
						作为仙宫之主，索尔拥有奥丁神力，能够吸取无限的宇宙能源，增强他的各种能力，在奥丁神力的帮助下，索尔甚至可以用雷神之锤击凹美国队长近乎坚不可破的盾牌。</p>
					</li>
					<li><i>能　　力：</i>
						<p>索尔身经百战，经验丰富，尤其擅长近身格斗、剑术和锤术。</p>
					</li>
					<li><i>隶属团队：</i>
						<p>仙宫众神、复仇者联盟；曾隶属于女王复仇使、众神帮、雷神军团</p>
					</li>
					<li><i>首次登场：</i>
						<p>《维纳斯》（Venus）第12期（1951）；（现代）《神秘之旅》（Journey into Mystery）第83期（1962）</p>
					</li>
					<li><i>起源故事：</i>
						<p>《神秘之旅》（Journey into Mystery）第83期（1962），《雷神》（Thor）第159期（1968），《雷神年刊》（Thor Annual）第11期（1983）</p>
					</li>
				</ul>
			</div>
		</div>
		<div id="m_footer">
			<p style="margin-bottom:10px;">漫威网站</p>
			<p>本项目纯测试学习使用：jshs-阮hq</p>
		</div>
	</body>
</html>
